{include file="index@/public/header" /}
<style>
	body {
		background: #e1e0de;
		color: #333333;
	}

	* {
		box-sizing: border-box;
	}

	h1,
	h2,
	h3,
	h4 {
		font-weight: 700 !important;
	}

	.layui-card-header {
		width: 100%;
		border-bottom: 1px solid #999 !important;
		padding-left: 5px;
	}

	.layui-card {
		padding: 10px 20px 50px;
	}

	p {
		margin: 0 0 10px !important;
	}

	.layui-container {
		padding: 0 !important;
	}

	img {
		max-width: 100%;
	}

	::-moz-selection {
		background: #cccccc;
		color: #ffffff;
	}

	::selection {
		background: #cccccc;
		color: #ffffff;
	}

	.layui-breadcrumb {
		padding-left: 5px;
		text-decoration: none !important;
	}

	.layui-card h1 {
		margin: 10px auto 0;
	}

	.description {
		font-size: 15px;
		font-weight: bold;
		margin: 20px 0;
	}

	.layui-col-xs1,
	.layui-col-sm1,
	.layui-col-md1,
	.layui-col-lg1,
	.layui-col-xs2,
	.layui-col-sm2,
	.layui-col-md2,
	.layui-col-lg2,
	.layui-col-xs3,
	.layui-col-sm3,
	.layui-col-md3,
	.layui-col-lg3,
	.layui-col-xs4,
	.layui-col-sm4,
	.layui-col-md4,
	.layui-col-lg4,
	.layui-col-xs5,
	.layui-col-sm5,
	.layui-col-md5,
	.layui-col-lg5,
	.layui-col-xs6,
	.layui-col-sm6,
	.layui-col-md6,
	.layui-col-lg6,
	.layui-col-xs7,
	.layui-col-sm7,
	.layui-col-md7,
	.layui-col-lg7,
	.layui-col-xs8,
	.layui-col-sm8,
	.layui-col-md8,
	.layui-col-lg8,
	.layui-col-xs9,
	.layui-col-sm9,
	.layui-col-md9,
	.layui-col-lg9,
	.layui-col-xs10,
	.layui-col-sm10,
	.layui-col-md10,
	.layui-col-lg10,
	.layui-col-xs11,
	.layui-col-sm11,
	.layui-col-md11,
	.layui-col-lg11,
	.layui-col-xs12,
	.layui-col-sm12,
	.layui-col-md12,
	.layui-col-lg12 {
		padding-right: 5px;
		padding-left: 5px;
	}

	.layui-textarea {
		resize: none !important;
	}

	@media screen and (max-width: 800px) {
		.layui-card-header {
			line-height: normal !important;
			font-size: 10px !important;
		}

		.content-bottom {
			flex-direction: column;
		}
	}

	.Bearings-content-header {
		padding: .3rem;
	}

	.Bearings-content-headerC {
		font-size: 18px;
		background-color: #F6F6F6;
		padding: 10px 10px;
	}

	.Bearings-content-font {
		display: inline-block;
		font-size: 0.775rem;
		padding: .5rem;
		line-height: 1.1rem;
	}

	.Bearings-content-button {
		display: flex;
		justify-content: space-around;
		align-items: center;
		margin-top: .4rem;
	}

	.Bearings-content-buttonT {
		margin-top: .8rem;
	}

	.Bearings-content-button a {
		width: 13rem;
		height: 3.125rem;
		text-decoration: none;
		border: 1px solid #ccc;
		border-radius: 8px;
		color: #333;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.Bearings-content-button a:hover {
		border: 1.5px solid #36648A;
	}

	.layui-breadcrumb-a {
		font: 12px/14px arial, helvetica, sans-serif;
		color: #36648A !important;
	}

	.layui-breadcrumb-b cite {
		font: 12px/14px arial, helvetica, sans-serif;
		color: #333333 !important;
	}

	/* WHD */
	table {
		margin-top: 20px;
		font-size: 0.75rem;
	}
	
	tbody tr td {
		width: 10rem;
		font-size: 0.75rem;
		box-sizing: border-box;
		padding: 0.7rem 0.25rem;
	}
	
	tr:nth-child(n+2):hover{
		background-color: #36648A;
		color: white;
	}
	
	.Bearings-specs-boxB{
		padding: 0px 11px !important;
	}
	
	
	tbody tr td:nth-child(1) {
		width: 3rem;
	}

	tbody tr td:nth-child(2) {
		width: 4rem;
	}

	tbody tr td:nth-child(3) {
		width: 7.5rem;
	}

	tbody tr td:nth-child(5) {
		width: 6rem;
	}

	.Bearings-specs {
		margin-top: 2.5rem;
		font-size: 0.75rem;
	}
	.Bearings-specs>div{
		margin-top: 3rem;
	}
	.Bearings-specs-box{
		padding: 0px 30px;
		box-sizing: border-box;
		display: flex;
		justify-content: start;
	}
	.Bearings-specs-box>div{
		width: 24rem;
	}
	.Bearings-specs-box-title{
		margin-bottom: 6px;
	}
	.Bearings-specs .Bearings-specs-box ul li {
		list-style: disc;
		line-height: 20px;
	}
	.Bearings-specs-boxT{
		border: none;
	}
	.Bearings-specs-title{
		font-size: 16px;
		padding: 5px 10px;
	}
	
	/* 文字样式 */
	
	
	
	
</style>
<div class="layui-container" style='font: 12px/14px arial,helvetica,sans-serif;'>
	<div class="layui-card">
		<span class="layui-breadcrumb" lay-separator="/">
      <a href="/" style="font: 12px/14px arial,helvetica,sans-serif;">{:lang('Home')}</a>
      {foreach $crumbs as $k=>$v }
      <a href="/{$v['crumbs_url']}" style="font: 12px/14px arial,helvetica,sans-serif;color:#36648A">{$v['alias_name']}</a>
      {/foreach}
    </span>
		<div class="layui-card-header">
			<h1>{:lang('Ball Bearing Numbering System')}</h1>
		</div>

		<!-- content -->
		<div class="Bearings-content">

			<table border="1">
				<tbody>
					<tr>
						<td></td>
						<td>{:lang('MATERIAL')}</td>
						<td>{:lang('BEARING TYPE')}</td>
						<td>{:lang('BEARING PART NO')}</td>
						<td>{:lang('RETAINER')}</td>
						<td>{:lang('SEAL AND SHIELDS')}</td>
						<td>{:lang('RADIAL CLEARANCE')}</td>
						<td>{:lang('TOLERANCE CLASS')}</td>
					</tr>

					<tr>
						<td>Ex.1</td>
						<td></td>
						<td></td>
						<td>688</td>
						<td>J</td>
						<td>ZZ</td>
						<td>MC3</td>
						<td></td>
					</tr>

					<tr>
						<td>Ex.2</td>
						<td></td>
						<td>F</td>
						<td>608</td>
						<td>TW</td>
						<td>2RS</td>
						<td>MC4</td>
						<td>P6</td>
					</tr>

					<tr>
						<td>Ex.3</td>
						<td></td>
						<td>MR</td>
						<td>52</td>
						<td>W</td>
						<td>ZZ</td>
						<td>MC2</td>
						<td>P5</td>
					</tr>

					<tr>
						<td>Ex.4</td>
						<td>S</td>
						<td>MF</td>
						<td>128</td>
						<td>W</td>
						<td>TTS</td>
						<td>MC3</td>
						<td>P6</td>
					</tr>

					<tr>
						<td>Ex.5</td>
						<td>S</td>
						<td>ER</td>
						<td>1458</td>
						<td>W</td>
						<td>ZZS</td>
						<td>C0</td>
						<td>A3</td>
					</tr>

					<tr>
						<td>Ex.6</td>
						<td></td>
						<td></td>
						<td>6025</td>
						<td>RJ</td>
						<td>2RS</td>
						<td>C3</td>
						<td>p5</td>
					</tr>

					<tr>
						<td>Ex.7</td>
						<td></td>
						<td>F</td>
						<td>6006</td>
						<td>W</td>
						<td>2RU</td>
						<td>C0</td>
						<td></td>
					</tr>

					<tr>
						<td>Ex.6</td>
						<td></td>
						<td></td>
						<td>6025</td>
						<td>RJ</td>
						<td>2RS</td>
						<td>C3</td>
						<td>p5</td>
					</tr>

					<tr>
						<td>Ex.7</td>
						<td></td>
						<td>F</td>
						<td>6706</td>
						<td>W</td>
						<td>2RY</td>
						<td>C0</td>
						<td></td>
					</tr>

					<tr>
						<td>Ex.8</td>
						<td>S</td>
						<td>R</td>
						<td>144</td>
						<td>J</td>
						<td>ZZS</td>
						<td>MC4</td>
						<td>A5P</td>
					</tr>

					<tr>
						<td>Ex.9</td>
						<td></td>
						<td>R</td>
						<td>10</td>
						<td>RJ</td>
						<td>ZZ</td>
						<td>C2</td>
						<td></td>
					</tr>

					<tr>
						<td>Ex.10</td>
						<td></td>
						<td>F</td>
						<td>3-8M</td>
						<td>TP</td>
						<td></td>
						<td></td>
						<td></td>
					</tr>
				</tbody>
			</table>

			<div class="Bearings-specs">
				<div> 
					<div class="Bearings-specs-title">{:lang('MATERIAL')}</div>	
					<div class="Bearings-specs-box Bearings-specs-boxB">
						<div>
							<div class="Bearings-specs-box-title"><strong>{:lang('HIGH CARBON CHROMIUM STEEL')}</strong></div>
							<div>AISI52100 -{:lang('NO SYMBOL')}</div>
						</div>
						<div>
							<div><strong>{:lang('STAINLESS STEEL')}</strong></div>
							<div>S</div>
						</div>
					</div>
					
				</div>
				
				
				<div>
					<div class="Bearings-specs-title">{:lang('BEARING TYPE')}</div>
					<div  class="Bearings-specs-box">
						<div>
							<ul>
								<li>{:lang('INCH')}: R</li>
								<li>{:lang('INCH WITH FLANGE')}: FR</li>
								<li>{:lang('INCH WITH EXTENDED INNER RING')}: RW</li>
								<li>{:lang('INCH WITH EXTENDED INNER RING AND FLANGE')}: FRW</li>
							</ul>
						</div>
						<div>
							<ul>
								<li>{:lang('METRIC STANDARD')}: {:lang('NO SYMBOL')}</li>
								<li>{:lang('METRIC WITH FLANGE')}: F</li>
								<li>{:lang('SPECIAL METRIC')}: MR</li>
								<li>{:lang('SPECIAL METRIC WITH FLANGE')}: MF</li>
							</ul>
						</div>
					</div>
					
				</div>
				
				
				<div>
					<div class="Bearings-specs-title">{:lang('BEARING PART NO')}</div>
					<div class="Bearings-specs-box Bearings-specs-boxB">
						<div>{:lang('The basic number is written.')}</div>
						<div></div>
					</div>
					
				</div>	
				
				<div>
					<div class="Bearings-specs-title">{:lang('RETAINER')}</div>
					<div class="Bearings-specs-box">
						<div>
							<ul>
								<li>{:lang('STEEL RIBBON TYPE')} : J</li>
								<li>{:lang('STEEL CROWN TYPE')}: W</li>
								<li>{:lang('NYLON CROWN TYPE')}: TW</li>
								<li>{:lang('STEEL RIVET TYPE')}: RJ</li>
								<li>{:lang('FULL COMPLEMENT')}: V</li>
							</ul>
						</div>
						<div></div>
					</div>
					
				</div>
			
				<div class="">
					<div class="Bearings-specs-title">{:lang('SEALS AND SHIELDS')}</div>
					<div class="Bearings-specs-box">
						<div>
						<ul>
							<li>{:lang('TEFLON SEAL WITH SNAP RING')}:	TTS</li>
							<li>{:lang('STEEL SHIELD WITH SNAP RING')}:	ZZS</li>
							<li>{:lang('PRESSED STEEL SHIELD')}:	ZZ</li>
							<li>{:lang('CONTACT RUBBER SEAL')}:	2RS</li>
							<li>{:lang('NON-CONTACT RUBBER SEAL')}:	2RU</li>
						</ul>
					</div>
					<div></div>
					</div>
					
				</div>
				
				<div>
					<div class="Bearings-specs-title">{:lang('RADIAL CLEARANCE')}</div>
					<div class="Bearings-specs-box">
						<div>
						<ul>
							<li>{:lang('STANDARD')}: C2,CN(C0), C3, C4, C5</li>
							<li>{:lang('MINIATURE')}: MC1,MC2,MC3,MC4,MC5,MC6</li>
						</ul>
					</div>
					<div></div>
					</div>
					
				</div>
				
				<div class="Bearings-specs-boxT">
					<div class="Bearings-specs-title">{:lang('TOLERANCE CLASS')}</div>
					<div class="Bearings-specs-box">
						<div>
						<ul>
							<li>{:lang('ABEC')}1: {:lang('NO SYMBOL')}</li>
							<li>{:lang('ABEC')}3: 3</li>
							<li>{:lang('ABEC')}5P: 5P</li>
							<li>{:lang('ABEC')}7P: 7P</li>
						</ul>
					</div>
					<div>
						<ul>
							<li>{:lang('ISO CLASS')}0: NO SYMBOL</li>
							<li>{:lang('ISO CLASS')}6: P6</li>
							<li>{:lang('ISO CLASS')}5: P5</li>
							<li>{:lang('ISO CLASS')}4: P4</li>
						</ul>
					</div>
					</div>
					
				</div>
				
			</div>

		</div>

	</div>

</div>
<script type="text/javascript">
	$('tale>tr').
</script>

{include file="index@/public/footer" /}
